<template>
  <div class="box">
    <van-image :src="item.scene_pic_url">
      <template v-slot:loading>
        <van-loading type="spinner" size="20" />
      </template>
    </van-image>
    <p class="title">{{ item.title }}</p>
    <p class="tip beyond_eip">{{ item.subtitle }}</p>
    <p class="price">{{ $global.toYuan(item.price_info) }}</p>
  </div>
</template>

<script>
export default {
  props: ['item'],
  data () {
    return {}
  }
}
</script>

<style scoped lang='less'>
.box {
  background-color: #fff;
  margin-bottom: 0.2rem;
  padding-bottom: 0.1rem;
  text-align: center;
  .title {
    margin: 0.1rem 0;
    font-size: 0.18rem;
  }
  .tip {
    margin: 0.2rem 0;
    font-size: 0.16rem;
  }
  .price {
    margin-bottom: 0.1rem;
    color: @priceText;
  }
}
</style>
